<!--
 * @Description:
 * @version: 协议签字
 * @Author: 潘骏杰
 * @Date: 2022-03-29 08:03:57
 * @LastEditors: 周子尧
 * @LastEditTime: 2022-04-11 10:12:51
-->
<template>
  <div class="re">
    <HeaderNav />
    <div class="text mrbody" style="font-size: 16px; padding: 10px">
      <h2 class="text-center">家庭医生签约服务协议</h2>
      <div style="padding: 10px">
        协议内容 协议内容 协议内容 协议内容 协议内容 协议内容 协议内容 协议内容
        协议内容 协议内容 协议内容 协议内容 协议内容 协议内容 协议内容 协议内容
        协议内容 协议内容 协议内容 协议内容 协议内容 协议内容 协议内容 协议内容
        协议内容 协议内容 协议内容 协议内容 协议内容 协议内容
      </div>
    </div>
    <van-submit-bar
      button-text="用户签名"
      button-color="#4A90E2"
      @submit="onSubmit"
    />
  </div>
</template>

<script>
import HeaderNav from '@/components/headerNav/index'
export default {
  name: 'Agreement',
  // import引入的组件需要注入到对象中才能使用
  components: { HeaderNav },
  data() {
    // 这里存放数据
    return {
      loading: false,
      active: 0,
      showCardNumber: false,
      submiting: false,
      searchvalue: ''
    }
  },
  methods: {
    onSubmit() {
      this.$router.push({ path: '/autograph', query: {}})
    }
  }
}
</script>
<style lang="less" scoped>
/deep/ .van-hairline--bottom::after {
  display: none !important;
}
.van-submit-bar__button {
  width: 100% !important;
}
.act {
  width: 60px;
}
.tab-ul {
  padding: 10px 0 0 0;
}
.li-right h3 span {
  float: right;
  margin-top: -5px;
}
.li-right p {
  width: 100%;
}
.li-right p,
.li-right h3 span {
  font-size: 14px;
}
.search-btn {
  padding-top: 12px;
}
</style>
